訓點を Web で振るには
以下をCosense.iconでも書ければね
返り點
レ點 (雁點)
一二三點 (上中下點)
[]に入れて書くのが樂か
再讀文字
振りがな
送りがな
青空文庫 組版案内 » kunten
注記一覧 訓点
送りがなは [#(〜)] と書く
[#] 內に返り點を書く
[#レ]、[#一レ] 等
送りがなが先、返り點は後
[#(テ)][#二] 等
code:txt
自[#二]女王國[#一]東度[#レ]海千餘里。
見[#二]大人所[#一レ]敬。
而敬‐[#二]祭天神地祇[#一]。
山城[#(ノ)]國久世[#(ノ)]郡水主[#(ニ)]坐[#(ス)]山背[#(ノ)]大國魂命[#(ノ)]神、
爾時倭姫命見悦給[#(弖)]、其處[#(爾)]魚見社定賜[#(支)]とあり。
噛[#(テ)][#二]古人貧交行[#(ノ)]之詩[#(ヲ)][#一]吐[#(テ)]而戯序[#(ス)]
未[#「未」の左に「ザル」のルビ][#(ダ)][#レ]若[#(カ)][#二]貧[#(シクシテ)]而樂[#(シミ)][#レ]道[#(ヲ)]、富[#(ミテ)]而好[#(ム)][#レ]禮[#(ヲ)]者[#(ニハ)][#一]也[#(ト)]。
如何用HTML5 Complex Ruby寫漢文訓讀文。〜如何にしてHTML5 Complex Rubyを用いて漢文訓読文を写すか
code:html
<ruby>
<rb>以</rb>
<rb class="kaeriten">&#12696;</rb>
<rtc>
<rt>もつ</rt>
<rt>テ</rt>
</rtc>
</ruby>
<style>
.kaeriten {
font-size: xx-small;
vertical-align: sub;
ruby-align: start;
}
</style>
code:html
<p class="kanbun" style="margin: 1em;">
<ruby><rb>荷宇</rb><rtc><rt></rt><rt>ハ</rt></rtc></ruby>
<ruby><rb>生</rb><rtc><rt></rt><rt>マレテ</rt></rtc></ruby>
<ruby><rb>十月</rb><rtc><rt></rt><rt>ニシテ</rt></rtc></ruby>
<ruby><rb>而</rb></ruby>
<ruby><rb>喪</rb><rb class="kaeriten">&#12691;</rb><rtc><rt>うしな</rt><rt>フ</rt></rtc></ruby>
<ruby><rb>其</rb><rtc><rt></rt><rt>ノ</rt></rtc></ruby>
<ruby><rb>母</rb><rb class="kaeriten">&#12690;</rb><rtc><rt></rt><rt>ヲ</rt></rtc></ruby>。
<ruby><rb>及</rb><rb class="kaeriten">&#12689;</rb><rtc><rt></rt><rt>ビ</rt></rtc></ruby>
<ruby><rb>有</rb><rb class="kaeriten">&#12689;</rb><rtc><rt></rt><rt>ルニ</rt></rtc></ruby>
<ruby><rb>知</rb></ruby>、
<ruby><rb>即</rb><rtc><rt></rt><rt>チ</rt></rtc></ruby>
<ruby><rb>時時</rb></ruby>、
<ruby><rb>念</rb><rb class="kaeriten">&#12689;</rb><rtc><rt>おも</rt><rt>ヒテ</rt></rtc></ruby>
<ruby><rb>母</rb><rtc><rt></rt><rt>ヲ</rt></rtc></ruby>
<ruby><rb>不</rb><rb class="kaeriten">&#12689;</rb></ruby>
<ruby><rb>置</rb><rtc><rt></rt><rt>カ</rt></rtc></ruby>、
<ruby><rb>弥</rb><rtc><rt>いよいよ</rt></rtc></ruby>
<ruby><rb>久</rb><rtc><rt></rt><rt>シクシテ</rt></rtc></ruby>
<ruby><rb>弥</rb></ruby>
<ruby><rb>篤</rb><rtc><rt>あつ</rt><rt>シ</rt></rtc></ruby>。
<ruby><rb>哀</rb><rb class="kaeriten">&#12691;</rb><rtc><rt>かな</rt><rt>シム</rt></rtc></ruby>
<ruby><rb>其</rb><rtc><rt></rt><rt>ノ</rt></rtc></ruby>
<ruby><rb>身</rb><rtc><rt></rt><rt>ノ</rt></rtc></ruby>
<ruby><rb>不</rb><rb class="kaeriten">&#12690;&#12689;</rb><rtc><rt></rt><rt>ヲ</rt></rtc></ruby>
<ruby><rb>能</rb><rb class="kaeriten">&#12692;</rb><rtc><rt></rt><rt>ハ</rt></rtc></ruby>
<ruby><rb>一日</rb><rtc><rt></rt><rt>トシテ</rt></rtc></ruby>
<ruby><rb>事</rb><rb class="kaeriten">&#12691;</rb><rtc><rt></rt><rt>フル</rt></rtc></ruby>
<ruby><rb>乎</rb></ruby>
<ruby><rb>母</rb><rb class="kaeriten">&#12690;</rb><rtc><rt></rt><rt>ニ</rt></rtc></ruby>
<ruby><rb>也</rb></ruby>。
<ruby><rb>哀</rb><rb class="kaeriten">&#12691;</rb><rtc><rt>かな</rt><rt>シム</rt></rtc></ruby>
<ruby><rb>母之言語動作</rb><rtc><rt></rt><rt>モ</rt></rtc></ruby>
<ruby><rb>亦</rb><rtc><rt>ま</rt><rt>タ</rt></rtc></ruby>
<ruby><rb>未</rb><rb class="kaeriten">&#12690;&#12689;</rb><rtc><rt></rt><rt>ダ</rt></rtc><rtc class="okurikana-2nd"><rt></rt><rt>ルヲ</rt></rtc></ruby>
<ruby><rb>能</rb><rb class="kaeriten">&#12689;</rb><rtc><rt></rt><rt>ハ</rt></rtc></ruby>
<ruby><rb>識</rb><rtc><rt>し</rt><rt>ル</rt></rtc></ruby>
<ruby><rb>也</rb></ruby>。
</p>
<style scope="scope">
.kanbun {
line-height: 150%;
}
.kanbun rb.kaeriten {
font-size: xx-small;
vertical-align: sub;
ruby-align: start;
}
.kanbun .okurikana-2nd {
ruby-position: under;
}
</style>
untunt/kanbunHTML: A kanbun-kundoku (漢文訓読) HTML display solution
振(ふ)りがな
送{り}がな
再讀文字の振‹ふ›りがな
再讀文字の送«り»がな
返り點 [レ]
code:txt
感ジテハレ時ニ花ニモ濺(そそ)ギレ淚ヲ,恨ミデハレ別レヲ鳥ニモ驚カスレ心ヲ。
使メバ人籍(せき)ヲシテ誠ニ不乙以テ下畜(やしな)ヒ二妻子ヲ一,憂フルヲ中饑(き)寒(かん)ヲ上亂サ甲レ心ヲ,有リテ二錢財一以(もつ)テ濟(な)サ地醫藥ヲ天…
子曰ク,盍ゾ«ル»三各〻言ハ二爾ノ志ヲ一。
孤之有ルハ二孔明一,猶ホ‹ごと›«キ»二魚之有ルガ一レ水也。
此レ乃チ信(しん)之‘所―三以’(ゆゑん)為ル二陛下ノ禽(とりこ)ト一也。
kawabata/kanbun-javascript: 漢文JavaScript
青空文庫での表記を HTML に變換する
漢文訓読 - Wikipedia
句讀點
句點、
讀點。
竝列點・
返り點
レ點 (雁點) U+3191 IDEOGRAPHIC ANNOTATION REVERSE MARK
一二三點
一 U+3192 IDEOGRAPHIC ANNOTATION ONE MARK
二 U+3193 IDEOGRAPHIC ANNOTATION TWO MARK
三 U+3194 IDEOGRAPHIC ANNOTATION THREE MARK
四 U+3195 IDEOGRAPHIC ANNOTATION FOUR MARK
上中下點
上 U+3196 IDEOGRAPHIC ANNOTATION TOP MARK
中 U+3197 IDEOGRAPHIC ANNOTATION MIDDLE MARK
下 U+3198 IDEOGRAPHIC ANNOTATION BOTTOM MARK
甲乙丙點
甲 U+3199 IDEOGRAPHIC ANNOTATION FIRST MARK
乙 U+319A IDEOGRAPHIC ANNOTATION SECOND MARK
丙 U+319B IDEOGRAPHIC ANNOTATION THIRD MARK
丁 U+319C IDEOGRAPHIC ANNOTATION FOURTH MARK
天地人點
天 U+319D IDEOGRAPHIC ANNOTATION HEAVEN MARK
地 U+319E IDEOGRAPHIC ANNOTATION EARTH MARK
人 U+319F IDEOGRAPHIC ANNOTATION MAN MARK
元亨利貞點
乾坤點
堅點 (hyphen) U+3190 IDEOGRAPHIC ANNOTATION LINKING MARK
ハイフン - Wikipedia
假名
振りがな
振り仮名 - Wikipedia
ルビ - Wikipedia
HTML
<ruby>: ルビ注釈要素 - HTML | MDN
<rt>: ルビテキスト要素 - HTML | MDN
<rp>: ルビの代替表示用括弧要素 - HTML | MDN
<rb>: ルビベース要素 - HTML | MDNは非推奬
<rtc>: ルビテキストコンテナー要素 - HTML | MDNは非推奬
CSS
ruby-align - CSS | MDN
ruby-position - CSS | MDN
迎へがな
送りがな
送りがな - Wikipedia
再讀文字
古い訓點
ヲコト点 - Wikipedia
漢文訓読 - Wikipedia#乎古止点(乎己止点・ヲコト点)
口訣 - Wikipedia
구결 - 위키백과, 우리 모두의 백과사전